<#include "/common/head.ftl">

<html>
<head>
<title>Checking Attendance Form</title>
<style>
* {
	font-size:0.4cm;
}
	
table.nameTable {
	empty-cells:show;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

table.nameTable tr {
	
}

table.nameTable tr td {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
</style>
</head>

<body style="padding:0cm">
<div style="width:27cm;text-align:left;margin:0cm;margin-top:0.5cm;padding:0px">
<table border="0" style="width:100%" cellspadding="5" cellspacing="5">
	<tr>
		<td style="font-size:0.7cm;font-weight:bolder;text-align:center">CHECKING ATTENDANCE</td>
	</tr>
	<tr>
		<td>
			<p style="text-align:center;font-size:0.4cm;font-weight:bolder">
				English Language Program - ${(offering.room.location.name)!} Building<br/>
				From: ${fromDate} - ${toDate}
			</p>
		</td>
	</tr>
</table>

<br/> 

<table class="nameTable" style="width:100%" cellspadding="0" cellspacing="0">
	<tr style="text-align:center;font-weight:bold">
		<td colspan="8" style="text-align:center;font-weight:bold;height:30px">Vietnamese 1</td>
		<td colspan="8">Vietnamese 3</td>
	</tr>
	<tr style="text-align:center;font-weight:bold">
		<td style="width:25px">No.</td>
		<td style="width:80px">Date</td>
		<td style="width:70px">Instructor's<br/>Name</td>
		<td style="width:40px">In</td>
		<td style="width:40px">Out</td>
		<td style="width:60px">Cancel</td>
		<td style="width:70px">Sub by</td>
		<td style="width:70px">Supervisor's<br/>Signature</td>
		<td style="width:25px">No.</td>
		<td style="width:80px">Date</td>
		<td style="width:70px">Instructor's<br/>Name</td>
		<td style="width:40px">In</td>
		<td style="width:40px">Out</td>
		<td style="width:60px">Cancel</td>
		<td style="width:70px">Sub by</td>
		<td style="width:70px">Supervisor's<br/>Signature</td>
	</tr>
	<#list 1..10 as i>
		<#if i = 10>
			<tr>
				<td colspan="8" style="text-align:center;font-weight:bold;height:30px">Vietnamese 2</td>
				<td colspan="8" style="text-align:center;font-weight:bold">Others</td>
			</tr>	
		<#else>
			<tr>
				<td style="height:30px;text-align:center">${i}</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td style="text-align:center">${i}</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
		</#if>
	</#list>
	<#list 1..9 as i>
		<tr>
			<td style="height:30px;text-align:center">${i}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td style="text-align:center">${i}</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</#list>
</table>

<p style="text-align:center;font-size:0.4cm;font-weight:bolder;text-align:center">
	<#assign date = DateUtil.fromString(fromDate, "MM/dd/yyyy")>
	Instructor: ${View.printTeacher(offering.getRealInstructors(date))} <br/>
	Class: ${(offering.name)!} (${offering.shift.startTime?time} - ${offering.shift.endTime?time}) <br/>
	Opening Day: ${offering.startDate?date} - ${offering.endDate?date} <br/>
	<br/>
	<span style="font-size:0.8cm;font-weight:bolder">Room ${(offering.room.name)!}</span>
</p>
</div>
</body>
</html>